<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

<ui:composition template="/template.xhtml" >

    <ui:define name="titulo">
        Gestíón de Mesas
    </ui:define>

    <ui:define name="panelPrincipal">

        <p:growl id="mgrowl" showDetail="true" />

            <p:panel header="Gestión de Mesas" style="width:100%; border: none;">

                <!--
                <ui:include src="menu.xhtml" />
                -->

                <h:panelGroup style="margin-top: 10px;margin-bottom: 10px;" layout="block" >

                    <h:outputText value="Turno: " />
                    <h:outputText value="#{gestionMesasBean.turno}" styleClass="colDatoNegrita" />

                    <p:spacer width="15" />

                    <h:outputText value="Fecha de registración: " />
                    <p:calendar value="#{gestionMesasBean.fechaRegistracion}"
                                showButtonPanel="true" 
                                id="inlineCal"
                                styleClass="colDatoNegrita"
                                size="10"
                                locale="es_ES"
                                pattern="dd/MM/yyyy">
                        <p:ajax event="dateSelect" listener="#{gestionMesasBean.handleDateSelect}"
                                process="@this"
                                update="@form" />
                    </p:calendar>
                    </h:panelGroup>

                <h:panelGrid columns="3" columnClasses="colTop,colTop">

                    <h:panelGroup>
                        <ui:include src="mesas.xhtml" />
                    </h:panelGroup>

                    <h:panelGroup>                        
                        <ui:include src="mesaSeleccionada.xhtml" />
                    </h:panelGroup>                    
                </h:panelGrid>
               

            </p:panel>

            <ui:include src="../../../inventario/buscadorProducto.xhtml" />
        
    </ui:define>

    </ui:composition>
</html>